<template>
	<view class="page-login">
		<view class="login-title">
			登录界面
		</view>
		<view class="login-box">
			<view class="login-form">
				<view class="login-form-item">
					<input placeholder="用户名"/>
				</view>
				<view class="login-form-item">
					<input type="password" placeholder="密码" />
				</view>
			</view>

			<view class="login-button">
				<button>立即登录</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
.page-login{
		padding: 80px 60px;
	}
.login-title{
	font-size: 36px;
	font-weight: bold;
    color: #574444;
	text-align: center;
}
.login-form-item{
	width: 100%;
	height: 36px;
	border-radius:16px ;
	opacity: 1;
	background:#F00E06;
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
	margin: 28px 0;
}
.login-form-item input{
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
}
.login-button button{
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	color: cornflowerblue;
	border-radius: 16px;
	width: 100%;
	color: aqua;
    background-color: green;
}
</style>